<!doctype html>
<html>
    <head>
        <style>
            .reset_section {
                counter-reset: reset_section_count 13;
            }
            .reset_section {
                counter-increment: reset_section_count;
                counter-reset: none;
            }
            .reset_section > .title:before  {
                content: counter(reset_section_count);
            }
            .increment_section {
                counter-increment: increment_section_count 2;
            }
            .increment_section {
                counter-increment: none;
            }
            .increment_section > .title:before  {
                content: counter(increment_section_count);
            }
        </style>
    </head>
    <body>
        <div class="reset_section">
            <div class="title">Reset Section 1 title</div>
        </div>
        <div class="reset_section">
            <div class="title">Reset Section 2 title</div>
        </div>
        <div class="increment_section">
            <div class="title">Increment Section 1 title</div>
        </div>
        <div class="increment_section">
            <div class="title">Increment Section 2 title</div>
        </div>
        <div class="increment_section">
            <div class="title">Increment Section 2 title</div>
        </div>
    </body>
</html>
